<template>
  <mt-index-list v-show="visible">
  <mt-index-section v-for="(subList, i) in dataObj" :key="i" :index="subList.index">
    <mt-cell v-for="(item, j) in subList.brandList" :key="j" :title="item.title"
    :value="item.id"
    @click.native="changeSelect(item)">
    </mt-cell>
  </mt-index-section>
</mt-index-list>
</template>

<script>

  export default {
    name:'',
    components: {},
    props:['visible', 'dataObj'],
    data () {
      return {

      };
    },

    computed: {
      filter() {
        return this.$store.getters.filter
      }
    },

    methods: {
      changeSelect(model) {
        console.log('model..');
        
      this.filter.model = model
      this.$store.commit('UPDATE_FILTER', this.filter)
      this.$emit('closeFilter', this.visible)
    }
    },

  }

</script>
<style lang='scss' scoped>

</style>